/**
*@author ymhui
*@createTime 05 19:24
*@description
*/
<template>
  <el-card class="gauge-card" body-style="{ padding: '0px' }">
    <el-row>
      <el-col :span="12" v-for="(factor, index) in sewageSystem.factorVos" :key="factor.id">
        <gauge :index="index" :factor="factor" :is-full-screen="isFullScreen">
        </gauge>
      </el-col>
    </el-row>
  </el-card>
</template>

<script>
    import Gauge from "./LastestValue/Gauge";
    import {mapActions, mapGetters} from 'vuex';

    export default {
        name: "ValueGauge",
        components: {
            Gauge
        },
        computed: {
            ...mapGetters([
                'sewageSystem'
            ])
        },
        props: {
            isFullScreen: Boolean
        },
        mounted() {
            console.log('sewageSystem: ', this.sewageSystem)
        }
    }
</script>

<style lang="scss" scoped>
  .gauge-card {
    background-color: transparent;
    box-shadow: inset 0px 0px 20px 20px rgba(254, 253, 255, 0.1);
    /* 顺序为: offset-x, offset-y, blur-size, spread-size, color */
    /* blur-size 和 spread-size 是可选的 (默认为 0) */
    border-color: #03a6ff;
  }
</style>
